<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<!--
    现代浏览器已经原生支持 [Web Components]，我们可以不用再自己去模拟组件化的结构。

    Custom elements —— 用于自定义 HTML 元素。
    Shadow DOM —— 为组件创建内部 DOM，它对外部是不可见的。
    CSS Scoping —— 申明仅应用于组件的 Shadow DOM 内的样式。
    Event retargeting 以及更多的小东西，让自定义组件更适用于开发工作。
     -->
	</body>
</html>
